import QtQuick 1.0

Flickable {
    contentWidth: width
    contentHeight: contentRectangle.height

    Rectangle {
        id: contentRectangle

        width: parent.width
        height: infoViewLayout.spacing + titleBox.height +
                mainParagraph.height

        gradient: Gradient {
            GradientStop { position: 0.0; color: constants.defaultBackgroundColor }
            GradientStop { position: 1.0; color: constants.darkBackgroundColor }
        }

        Column {
            id: infoViewLayout

            anchors.fill: parent
            anchors.margins: {
                top: root.constants.defaultMargin
                right: root.constants.defaultMargin
                left: root.constants.defaultMargin
                bottom: root.constants.defaultMargin
            }
            spacing: root.constants.defaultLayoutSpacing

            Label {
                id: titleBox

                property int xOffset: parent.width / 2

                width: parent.width * 1.5
                height: applicationIconImage.height
                backgroundColor: root.constants.activeColor
                backgroundColorAccent: root.constants.activeColorAccent
                foregroundColor: root.constants.activeColorAccent

                Row {
                    width: parent.width - parent.xOffset
                    height: parent.height
                    anchors.left: parent.left
                    anchors.leftMargin: root.constants.defaultMargin
                    spacing: root.constants.defaultLayoutSpacing

                    Image {
                        id: applicationIconImage
                        source: "backup_icon.png"
                    }

                    Text {
                        width: parent.width - applicationIconImage.width -
                               parent.spacing - root.constants.defaultMargin
                        height: parent.height
                        color: root.constants.defaultBackgroundColor
                        verticalAlignment: Text.AlignVCenter
                        font.pixelSize: root.constants.defaultFontPixelSize
                        font.bold: true
                        wrapMode: Text.WordWrap
                        text: "Backup2Go\nVersion 0.1.0"
                    }
                }
            }

            Text {
                id: mainParagraph
                width: parent.width
                height: 550
                color: root.constants.defaultForegroundColor
                font.pixelSize: root.constants.verySmallFontPixelSize
                wrapMode: Text.WordWrap
                text: "Take a backup of your selected folders to any removable " +
                      "drive." +
                      "\n\n1. Make sure the target drive, e.g. a thumb drive, is " +
                      "connected to the device and select the drive by tapping " +
                      "Select." +
                      "\n\n2. Select the folders to backup." +
                      "\n\n3. Activate backup." +
                      "\n\nVisit http://projects.forum.nokia.com/backuptogo for the " +
                      "latest version of this application.";
            }
        } // Column
    }
}

// End of file.
